<template>
  <div>
    <a @click="fn" href="https://www.baidu.com">去百度</a><br />
    <a @click="fn2(100, $event)" href="https://www.baidu.com">去百度</a><br />
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },

  methods: {
    fn(e) {
      // 获取事件对象
      // 无传参: 默认有一个参数 e
      console.log("做一些事情, 不要去百度了");
      e.preventDefault();
    },
    fn2(num, e) {
      // 有传参: e 就会被顶掉, 没有 e 了, 需要手动传入 $event 实参
      console.log(num);
      e.preventDefault();
    },
  },
};
</script>

<style>
</style>